<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/style.css">
    <script src="__STATIC__/js-wap/jquery-1.11.3.min.js"></script>
    <script src="__STATIC__/js-wap/swiper.min.js"></script>
    <script src="__STATIC__/js-wap/common.js"></script>
    <title>拍卖订单</title>
    <script>
        $(function () {
            $(".list-state li").click(
                    function () {
                        $(this).addClass("active").siblings().removeClass("active");
                    }
            )
        })
    </script>
</head>
<body>
<div class="wrap">
    <div class="header-main">
        <a href="{:url('mobile/user_info/my_shop_index')}"><img src="__STATIC__/img-wap/back.png" class="back"></a>
        <span class="title">抽奖记录</span>
    </div>
    <div class="list-state">
        <ul>
            <li {eq name=":input('status')" value="0" }class="text-center tips active"{else/}class="text-center"{/eq} style="width:33%;"><a href="{:url('mobile/draw/order_list',['status'=>0])}">未领取</a></li>
            <li {eq name=":input('status')" value="1" }class="text-center tips active"{else/}class="text-center"{/eq} style="width:33%;"><a href="{:url('mobile/draw/order_list',['status'=>1])}">待收货</a></li>
            <li {eq name=":input('status')" value="2" }class="text-center tips active"{else/}class="text-center"{/eq} style="width:33%;"><a href="{:url('mobile/draw/order_list',['status'=>2])}">已完成</a></li>
        </ul>
    </div>
    {volist name="data" id="vo"}
    <div class="order-main">
        <div class="content">
            <a href="{:url('mobile/draw/order',['order_id'=>$vo.id])}">
                <div class="media">
                    <div class="media-left media-middle">
                        <a href="{:url('mobile/draw/order',['order_id'=>$vo.id])}">
                            <img class="media-object" src="/{$vo.picUrl}" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">{$vo.title}</h4>

                    </div>
                </div>
            </a>
        </div>
    </div>
    <div class="footer-submit">
        {switch name="$vo.status"}
        {case value="0"}
        <input type="button" value="领取" onclick="buy_auction({$vo.id});"><input type="button" value="领取" onclick="buy_auction({$vo.id});">
        {/case}
        {case value="1"}
        <input type="button" value="查看物流" style="font-size: 14px;width: 95px;" onclick="buy_auction({$vo.id});">
        <input type="button" value="确认收货" style="font-size: 14px;" onclick="buy_auction({$vo.id});">
        {/case}
        {/switch}
    </div>


    {/volist}

</div>
</body>
<script>
    function buy_auction (id) {
        window.location.href = "{:url('mobile/draw/order')}?order_id="+id;
    }
</script>
</html>